<script setup>

import Popup from "@/components/popup/popup.vue";

</script>
<template>
  <popup border-radius="0px" :mask-click="false" bg-color="transparent" :show="loginShow" is-auto-width is-auto-height @change="handleLoginPopupChange">
    <div role="alert" class="alert">
      <svg
          xmlns="http://www.w3.org/2000/svg"
          fill="none"
          viewBox="0 0 24 24"
          class="stroke-info h-6 w-6 shrink-0">
        <path
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-width="2"
            d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
      </svg>
      <span>12 unread messages. Tap to see.</span>
    </div>
  </popup>
</template>
